:root {
    --color-main-bg: rgb(238, 238, 238);
    --color-main-text: rgb(51, 51, 51);
    --color-main-anchor: rgb(36, 99, 191);
    --color-main-anchor-hover: rgb(51, 51, 51);
    --color-header-bg: rgb(255, 255, 255);
    --color-header-text: rgb(51, 51, 51);
    --color-home-bg: rgb(82, 139, 222);
    --color-home-text: rgb(255, 255, 255);
    --color-link-secondary: #0db582;
    --color-element-bg: rgb(255, 255, 255);
    --color-element-text: rgb(51, 51, 51);
    --color-footer-bg: rgb(90, 110, 133);
    --color-footer-text: rgb(255, 255, 255);
    --color-divider-1: rgb(238, 238, 238);
    --color-divider-2: rgb(238, 238, 238);
    --color-divider-3: rgb(204, 204, 204);
    --color-text-accent: rgb(0, 0, 0);
    --color-text-primary: rgb(51, 51, 51);
    --color-text-secondary: rgb(153, 153, 153);
    --color-text-tertiary: rgb(119, 119, 119);
    --color-primary-bg: rgb(51, 122, 183);
    --color-primary-bg-hover: rgb(40, 96, 144);
    --color-primary-bg-active: rgb(32, 77, 116);
    --color-primary-text: rgb(255, 255, 255);
    --color-secondary-bg: rgb(0, 128, 0);
    --color-secondary-bg-hover: rgb(60, 179, 113);
    --color-secondary-bg-active: rgb(53, 156, 99);
    --color-secondary-text: rgb(255, 255, 255);
    --color-error-bg: rgb(242, 222, 222);
    --color-error-text: rgb(169, 68, 66);
    --color-info-bg: rgb(217, 237, 247);
    --color-info-text: rgb(49, 112, 143);
    --color-success-bg: rgb(223, 240, 216);
    --color-success-text: rgb(60, 118, 61);
    --color-warning-bg: rgb(252, 248, 227);
    --color-warning-text: rgb(138, 109, 59);
    --color-twitter-bg: rgb(0, 172, 238);
    --color-facebook-bg: rgb(59, 89, 152);
    --color-linkedin-bg: rgb(14, 118, 168);
    --color-overlay-bg: rgba(0, 0, 0, 0.5);
    --color-tap-bg: rgba(51, 122, 183, 0.2);
    --color-btn-active-font: #222;
    --color-btn-active-bg: #fff;
    --color-btn-border: #d9d9d9;
    --color-btn-hover-border: rgb(60, 179, 113);
    --color-btn-hover-font: rgb(53, 156, 99);
    --color-highlight-ins-bg: linear-gradient(120deg, #5ec120 0%, #c8ecbc 100%);
    --color-highlight-strong-bg: linear-gradient(120deg, #fde77c 0%, #feffae 100%);
}

@media (prefers-color-scheme: dark) {
    :root {
        --color-main-bg: rgb(51, 51, 51);
        --color-main-text: rgb(204, 204, 204);
        --color-main-anchor: rgb(138, 173, 225);
        --color-main-anchor-hover: rgb(96, 148, 225);
        --color-header-bg: rgb(34, 34, 34);
        --color-header-text: rgb(204, 204, 204);
        --color-home-bg: rgb(34, 34, 34);
        --color-home-text: rgb(204, 204, 204);
        --color-element-bg: rgb(34, 34, 34);
        --color-element-text: rgb(204, 204, 204);
        --color-footer-bg: rgb(34, 34, 34);
        --color-footer-text: rgb(153, 153, 153);
        --color-divider-1: rgb(238, 238, 238);
        --color-divider-2: rgb(60, 60, 60);
        --color-divider-3: rgb(60, 60, 60);
        --color-text-accent: rgb(255, 255, 255);
        --color-text-primary: rgb(204, 204, 204);
        --color-text-secondary: rgb(191, 191, 191);
        --color-text-tertiary: rgb(119, 119, 119);
        --color-primary-bg: rgb(51, 122, 183);
        --color-primary-bg-hover: rgb(40, 96, 144);
        --color-primary-bg-active: rgb(32, 77, 116);
        --color-primary-text: rgb(255, 255, 255);
        --color-secondary-bg: rgb(0, 128, 0);
        --color-secondary-bg-hover: rgb(60, 179, 113);
        --color-secondary-bg-active: rgb(53, 156, 99);
        --color-secondary-text: rgb(255, 255, 255);
        --color-error-bg: rgb(242, 222, 222);
        --color-error-text: rgb(169, 68, 66);
        --color-info-bg: rgb(217, 237, 247);
        --color-info-text: rgb(49, 112, 143);
        --color-success-bg: rgb(223, 240, 216);
        --color-success-text: rgb(60, 118, 61);
        --color-warning-bg: rgb(252, 248, 227);
        --color-warning-text: rgb(138, 109, 59);
        --color-twitter-bg: rgb(0, 172, 238);
        --color-facebook-bg: rgb(59, 89, 152);
        --color-linkedin-bg: rgb(14, 118, 168);
        --color-highlight-ins-bg: linear-gradient(120deg, #528a2f 0%, #323e2f 100%);
        --color-highlight-strong-bg: linear-gradient(120deg, #635a2d 0%, #3a3a32 100%);
    }
}

*,
::before,
::after {
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e2e8f0;
}

@media (prefers-reduced-motion: reduce) {
    *,
    ::before,
    ::after {
        -webkit-animation-delay: -1ms !important;
        animation-delay: -1ms !important;
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        background-attachment: initial !important;
        scroll-behavior: auto !important;
        transition-delay: 0s !important;
        transition-duration: 0s !important;
    }
}

/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/
